<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<title>信息查询</title>
<script src="__PUBLIC__/js2/jquery-1.8.3.min.js"></script>
<script src="__PUBLIC__/js2/wb.js"></script>
<link href="__PUBLIC__/css2/public.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css2/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="top-bar">查询信息</div>
	<div class="nom-title">查询条件</div> 
	<div class="contbar">
		<ul>
			<li><input type="text" placeholder="房间号" /></li>
			<li><input type="text" placeholder="开始时间" /></li>
			<li><input type="text" placeholder="结束时间" /></li>
		</ul>
	</div>
	
	<div style="margin-bottom:20px;">
		<a href="javascript:void(0);" class="btn2 query">查询</a>
		<!--<a href="pay.html" class="btn right" style="background-color: #f0ad4e">充值</a>-->
	</div>
	<div class="nom-title"></div> 
	<div id="content" style="display: none;">
		<div class="nom-title">基础信息</div> 
		<div class="contbar">
			<ul>
				<li>姓名<span class="fr">张三</span></li>
				<li>开始时间<span class="fr">2017-04-01</span></li>
				<li>结束时间<span class="fr">2017-04-01</span></li>
				<li>合同号<span class="fr">MMGY20170401</span></li>
				<li>房租<span class="fr">1000.00</span></li>
				<li>物业费<span class="fr">100.00</span></li>
			</ul>
		</div>
	</div>	
	
	<script>
		$(document).ready(function(){
			$(".query").on('click', function(){
				$("#content").show();
			});
			
			$(".tab ul li").on('click', function(){
				$(".tab ul li").removeClass('select');
				$(this).addClass('select');
			});
		});
	</script>
</body>
</html>
